<span class="fontGray">Help file for Step 2</span>
        <div class="hr"></div>
        <div style="float: left;border: 1px solid #ddd;padding: 5px;width: 100%;height: 190px;margin-top: 5px;">
            -  input prefered position for set/ add new position to specify user where they belong using the position.
            <br />
            <img src="/images/steps/addPos.png" />
            <div class="hr"></div>
            <div style="margin-left: 30px;">
                <icon class="icon-edit"></icon> <label style="margin-left: 5px;">- an icon to edit the selected position.</label><br />
                <icon class="icon-remove"></icon> <label style="margin-left: 5px;">- an icon to deactivate selected position.</label><br />
                <icon class="icon-trash"></icon> <label style="margin-left: 5px;">- an icon to remove/delete selected position.</label><br />
            </div>
            <input type="button" class="button-icon" value="submit"><label style="margin-left: 5px;">- a button to create new workspace.</label>
        </div>
        <div style="float: right;border: 1px solid #ddd;padding: 5px;width: 48%;height: 190px;margin-top: 5px;">
            -  once you input and submit new position, it will append and show to the table list.
            <br />
            <img src="/images/steps/addP.png" />
        </div>
        <div style="float: left;border: 1px solid #ddd;padding: 5px;width: 48%;height: 190px;margin-top: 5px;">
            -  on the table below will show the newly added position.
            <br />
            <img src="/images/steps/addAppend.png" />
        </div>